﻿<!DOCTYPE html>
<html>
  <head>
    <title>下订页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/下订页_3/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/下订页_3/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u5645" class="ax_default box_1">
        <div id="u5645_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5646" class="ax_default label">
        <div id="u5646_div" class=""></div>
        <div id="u5646_text" class="text ">
          <p><span>购买人信息</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5647" class="ax_default" data-left="156" data-top="196" data-width="313" data-height="25">

        <!-- Unnamed (Rectangle) -->
        <div id="u5648" class="ax_default label">
          <div id="u5648_div" class=""></div>
          <div id="u5648_text" class="text ">
            <p><span>购买人：</span></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u5649" class="ax_default text_field">
          <input id="u5649_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5650" class="ax_default box_1">
        <div id="u5650_div" class=""></div>
        <div id="u5650_text" class="text ">
          <p><span>1填写并核对订单信息</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u5651" class="ax_default placeholder">
        <img id="u5651_img" class="img " src="images/下订页20-5/u5110.png"/>
        <div id="u5651_text" class="text ">
          <p><span>返回</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u5652" class="ax_default line">
        <img id="u5652_img" class="img " src="images/020_____-demo/u833.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5653" class="ax_default box_1">
        <div id="u5653_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5654" class="ax_default label">
        <div id="u5654_div" class=""></div>
        <div id="u5654_text" class="text ">
          <p><span>商品信息</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5655" class="ax_default label">
        <div id="u5655_div" class=""></div>
        <div id="u5655_text" class="text ">
          <p><span>服务</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5656" class="ax_default label">
        <div id="u5656_div" class=""></div>
        <div id="u5656_text" class="text ">
          <p><span>凌派试驾</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5657" class="ax_default label">
        <div id="u5657_div" class=""></div>
        <div id="u5657_text" class="text ">
          <p><span>数量</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5658" class="ax_default label">
        <div id="u5658_div" class=""></div>
        <div id="u5658_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5659" class="ax_default label">
        <div id="u5659_div" class=""></div>
        <div id="u5659_text" class="text ">
          <p><span>金额（元）</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5660" class="ax_default label">
        <div id="u5660_div" class=""></div>
        <div id="u5660_text" class="text ">
          <p><span>99</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5661" class="ax_default" data-left="123" data-top="909" data-width="378" data-height="58">

        <!-- Unnamed (Rectangle) -->
        <div id="u5662" class="ax_default box_1">
          <div id="u5662_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5663" class="ax_default box_1">
          <div id="u5663_div" class=""></div>
          <div id="u5663_text" class="text ">
            <p><span>提交订单</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5664" class="ax_default label">
          <div id="u5664_div" class=""></div>
          <div id="u5664_text" class="text ">
            <p><span>本次应付金额：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5665" class="ax_default label">
          <div id="u5665_div" class=""></div>
          <div id="u5665_text" class="text ">
            <p><span>￥99.00</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5666" class="ax_default box_1">
        <div id="u5666_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5667" class="ax_default box_1">
        <div id="u5667_div" class=""></div>
        <div id="u5667_text" class="text ">
          <p><span>2选择支付方式</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u5668" class="ax_default placeholder">
        <img id="u5668_img" class="img " src="images/下订页20-5/u5133.png"/>
        <div id="u5668_text" class="text ">
          <p><span>返回</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u5669" class="ax_default line">
        <img id="u5669_img" class="img " src="images/020_____-demo/u833.png"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5670" class="ax_default" data-left="647" data-top="720" data-width="378" data-height="58">

        <!-- Unnamed (Rectangle) -->
        <div id="u5671" class="ax_default box_1">
          <div id="u5671_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5672" class="ax_default box_1">
          <div id="u5672_div" class=""></div>
          <div id="u5672_text" class="text ">
            <p><span>支付</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5673" class="ax_default label">
          <div id="u5673_div" class=""></div>
          <div id="u5673_text" class="text ">
            <p><span>本次应付金额：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5674" class="ax_default label">
          <div id="u5674_div" class=""></div>
          <div id="u5674_text" class="text ">
            <p><span>￥99.00</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5675" class="ax_default box_1">
        <div id="u5675_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5676" class="ax_default label">
        <div id="u5676_div" class=""></div>
        <div id="u5676_text" class="text ">
          <p><span>付款时间： 2018-09-23&nbsp; 16：23：12</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5677" class="ax_default label">
        <div id="u5677_div" class=""></div>
        <div id="u5677_text" class="text ">
          <p><span>验证码已经发送您的联系手机：</span></p><p><span><br></span></p><p><span>133***373，请注意查收。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5678" class="ax_default label">
        <div id="u5678_div" class=""></div>
        <div id="u5678_text" class="text ">
          <p><span>如有疑问，请联系我们在线客服</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5679" class="ax_default box_1">
        <div id="u5679_div" class=""></div>
        <div id="u5679_text" class="text ">
          <p><span>3购买成功</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u5680" class="ax_default placeholder">
        <img id="u5680_img" class="img " src="images/下订页20-5/u5133.png"/>
        <div id="u5680_text" class="text ">
          <p><span>返回</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u5681" class="ax_default line">
        <img id="u5681_img" class="img " src="images/020_____-demo/u833.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5682" class="ax_default heading_1">
        <div id="u5682_div" class=""></div>
        <div id="u5682_text" class="text ">
          <p><span>订单付款成功！</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5683" class="ax_default sticky_3">
        <div id="u5683_div" class=""></div>
        <div id="u5683_text" class="text ">
          <p><span>提交订单悬浮在底部，不随页面滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5684" class="ax_default" data-left="137" data-top="377" data-width="140" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5685" class="ax_default label">
          <div id="u5685_div" class=""></div>
          <div id="u5685_text" class="text ">
            <p><span>服务城市：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5686" class="ax_default label">
          <div id="u5686_div" class=""></div>
          <div id="u5686_text" class="text ">
            <p><span>广州市</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5687" class="ax_default label">
        <div id="u5687_div" class=""></div>
        <div id="u5687_text" class="text ">
          <p><span>支付方式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5688" class="ax_default label">
        <div id="u5688_div" class=""></div>
        <div id="u5688_text" class="text ">
          <p><span>在线支付</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5689" class="ax_default" data-left="137" data-top="602" data-width="140" data-height="48">

        <!-- Unnamed (Rectangle) -->
        <div id="u5690" class="ax_default label">
          <div id="u5690_div" class=""></div>
          <div id="u5690_text" class="text ">
            <p><span>可使用的优惠券</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) [footnote] -->
        <div id="u5690_ann" class="annotation"></div>

        <!-- Unnamed (Droplist) -->
        <div id="u5691" class="ax_default droplist">
          <select id="u5691_input">
            <option value="暂无">暂无</option>
            <option selected value="送行车记录仪">送行车记录仪</option>
          </select>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5692" class="ax_default label">
        <div id="u5692_div" class=""></div>
        <div id="u5692_text" class="text ">
          <p><span>可获得的权益</span></p>
        </div>
      </div>

      <!-- Unnamed (Checkbox) -->
      <div id="u5693" class="ax_default checkbox">
        <label for="u5693_input" style="position: absolute; left: 0px;">
          <div id="u5693_text" class="text ">
            <p><span>行车记录仪</span></p>
          </div>
        </label>
        <input id="u5693_input" type="checkbox" value="checkbox" checked/>
      </div>

      <!-- Unnamed (Checkbox) -->
      <div id="u5694" class="ax_default checkbox">
        <label for="u5694_input" style="position: absolute; left: 0px;">
          <div id="u5694_text" class="text ">
            <p><span>全车镀膜</span></p>
          </div>
        </label>
        <input id="u5694_input" type="checkbox" value="checkbox" checked/>
      </div>

      <!-- Unnamed (Checkbox) -->
      <div id="u5695" class="ax_default checkbox">
        <label for="u5695_input" style="position: absolute; left: 0px;">
          <div id="u5695_text" class="text ">
            <p><span>赠送挡泥板</span></p>
          </div>
        </label>
        <input id="u5695_input" type="checkbox" value="checkbox" checked/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5696" class="ax_default" data-left="137" data-top="402" data-width="196" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5697" class="ax_default label">
          <div id="u5697_div" class=""></div>
          <div id="u5697_text" class="text ">
            <p><span>服务特约店：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5698" class="ax_default label">
          <div id="u5698_div" class=""></div>
          <div id="u5698_text" class="text ">
            <p><span>广汽本田东圃店</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5699" class="ax_default" data-left="137" data-top="428" data-width="282" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5700" class="ax_default label">
          <div id="u5700_div" class=""></div>
          <div id="u5700_text" class="text ">
            <p><span>订单核销期限：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5701" class="ax_default label">
          <div id="u5701_div" class=""></div>
          <div id="u5701_text" class="text ">
            <p><span>2018-09-21至2018-12-21</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5702" class="ax_default" data-left="137" data-top="576" data-width="282" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5703" class="ax_default label">
          <div id="u5703_div" class=""></div>
          <div id="u5703_text" class="text ">
            <p><span>权益申请期限：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5704" class="ax_default label">
          <div id="u5704_div" class=""></div>
          <div id="u5704_text" class="text ">
            <p><span>2018-09-21至2018-12-21</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5705" class="ax_default label">
        <div id="u5705_div" class=""></div>
        <div id="u5705_text" class="text ">
          <p><span>购买信息</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5706" class="ax_default" data-left="693" data-top="333" data-width="181" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5707" class="ax_default label">
          <div id="u5707_div" class=""></div>
          <div id="u5707_text" class="text ">
            <p><span>本次支付金额</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5708" class="ax_default label">
          <div id="u5708_div" class=""></div>
          <div id="u5708_text" class="text ">
            <p><span>￥99.00</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5709" class="ax_default" data-left="693" data-top="368" data-width="205" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5710" class="ax_default label">
          <div id="u5710_div" class=""></div>
          <div id="u5710_text" class="text ">
            <p><span>订单倒计时</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5711" class="ax_default label">
          <div id="u5711_div" class=""></div>
          <div id="u5711_text" class="text ">
            <p><span>00：30：56</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5712" class="ax_default" data-left="695" data-top="241" data-width="159" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5713" class="ax_default label">
          <div id="u5713_div" class=""></div>
          <div id="u5713_text" class="text ">
            <p><span>服务</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5714" class="ax_default paragraph">
          <div id="u5714_div" class=""></div>
          <div id="u5714_text" class="text ">
            <p><span>凌派&nbsp; </span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5715" class="ax_default label">
        <div id="u5715_div" class=""></div>
        <div id="u5715_text" class="text ">
          <p><span>活动名称：凌派年终大优惠</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5716" class="ax_default" data-left="693" data-top="271" data-width="196" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5717" class="ax_default label">
          <div id="u5717_div" class=""></div>
          <div id="u5717_text" class="text ">
            <p><span>服务特约店：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5718" class="ax_default label">
          <div id="u5718_div" class=""></div>
          <div id="u5718_text" class="text ">
            <p><span>广汽本田东圃店</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u5719" class="ax_default image">
        <img id="u5719_img" class="img " src="images/下订页20-5/u5195.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5720" class="ax_default sticky_3">
        <div id="u5720_div" class=""></div>
        <div id="u5720_text" class="text ">
          <p><span>调整为下方样式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5721" class="ax_default box_1">
        <div id="u5721_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5722" class="ax_default box_1">
        <div id="u5722_div" class=""></div>
        <div id="u5722_text" class="text ">
          <p><span>仅限于M版提示，小程序和微信浏览器内不用</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5723" class="ax_default box_1">
        <div id="u5723_div" class=""></div>
        <div id="u5723_text" class="text ">
          <p><span>目前手机浏览器仅支持银行卡支付。如需使用微信支付，</span></p><p><span>方法①：将本页面截图后（包含左侧小程序码），在微信“扫一扫”中打开手机相册选择截图，并在打开的页面中点击“立即支付”。</span></p><p><span>方法②：微信搜索“广汽本田商城”小程序，查看订单并支付。</span></p><p><span>方法③：电脑端（mall.ghac.cn）访问，查看订单并支付。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5724" class="ax_default sticky_3">
        <div id="u5724_div" class=""></div>
        <div id="u5724_text" class="text ">
          <p><span>链接地址：</span></p><p><span>个人中心-我的订单-待支付</span></p><p><span><br></span></p><p><span>该链接生成一个二维码</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u5725" class="ax_default image">
        <img id="u5725_img" class="img " src="images/下订页20-5/u5200.png"/>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u5726" class="ax_default arrow">
        <img id="u5726_img" class="img " src="images/下订页20-5/u5201.png"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5727" class="ax_default" data-left="156" data-top="228" data-width="313" data-height="25">

        <!-- Unnamed (Rectangle) -->
        <div id="u5728" class="ax_default label">
          <div id="u5728_div" class=""></div>
          <div id="u5728_text" class="text ">
            <p><span>手机号码：</span></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u5729" class="ax_default text_field">
          <input id="u5729_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5730" class="ax_default box_1">
        <div id="u5730_div" class=""></div>
        <div id="u5730_text" class="text ">
          <p><span>查看订单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5731" class="ax_default box_1">
        <div id="u5731_div" class=""></div>
        <div id="u5731_text" class="text ">
          <p><span>返回首页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5732" class="ax_default box_1">
        <div id="u5732_div" class=""></div>
        <div id="u5732_text" class="text ">
          <p><span>测一测你的额度</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5733" class="ax_default" data-left="156" data-top="263" data-width="313" data-height="25">

        <!-- Unnamed (Rectangle) -->
        <div id="u5734" class="ax_default label">
          <div id="u5734_div" class=""></div>
          <div id="u5734_text" class="text ">
            <p><span>希望上门时间：</span></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u5735" class="ax_default text_field">
          <input id="u5735_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5736" class="ax_default" data-left="156" data-top="299" data-width="99" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5737" class="ax_default label">
          <div id="u5737_div" class=""></div>
          <div id="u5737_text" class="text ">
            <p><span>希望上门地址：</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Text Area) -->
      <div id="u5738" class="ax_default text_area">
        <textarea id="u5738_input"></textarea>
      </div>
    </div>
  </body>
</html>
